<template>
  <router-view />
</template>

<script setup>
import useSettingsStore from '@/store/modules/settings'
import { handleThemeStyle } from '@/utils/theme'
import { nextTick, onMounted } from '@vue/runtime-core'

onMounted(() => {
  nextTick(() => {
    // 初始化主题样式
    handleThemeStyle(useSettingsStore().theme)
  })
})
</script>

<style lang="scss">
	.fl{float: left;}
	.fr{float: right;}
	.clear{clear: both;}
	.avatar-uploader .el-upload {
		border: 1px dashed #d9d9d9;
		border-radius: 6px;
		cursor: pointer;
		position: relative;
		overflow: hidden;
	}
	.avatar-uploader .el-upload:hover {
		border-color: #409eff;
	}
	.avatar-uploader-icon {
		font-size: 28px;
		color: #8c939d;
		width: 178px;
		height: 178px;
		line-height: 178px;
		text-align: center;
	}
	.avatar {
		width: 178px;
		height: 178px;
		display: block;
	}
	.mt20{margin-top: 20px;}
	.mb20{margin-bottom: 20px;}

	.ml20 {
		margin-left: 20px;
	}
	.fc-license-message{display: none!important;}
	:root {
		--fc-today-bg-color: var(--el-color-white);
		--fc-button-bg-color: var(--el-color-primary);
		--fc-button-border-color: var(--el-color-primary);
		--fc-button-hover-bg-color:var(--el-color-primary-light-3);
	}

	.orderFullC .fc-event-main {
		display: table;
		width: 100%;
	}
	.orderFullC .fc-event-main > span {
		display: table-row;
	}
	.orderFullC .fc .fc-toolbar-title{font-size: 20px;}
	.mbFullC.fc .fc-timegrid-slot{height: 50px;}
	.orderFullC.fc .fc-timegrid-slot{height: 60px;}
	.pagination-container{min-height: 60px;}
	.orderFullC .fc .fc-toolbar.fc-header-toolbar{height: 40px;}
	.orderFullC .fc-toolbar-chunk{    position: sticky; left: 0;top: 0;}
  .edui-editor-iframeholder.edui-default{width: 100%;}
</style>
